What is a Favicon?
A favicon (short for "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL.
You can easily create your own custom favicons for free with Favicon Generator.
How to make a Favicon
Step 1. Choose the image that you would like to use as your Favicon and make sure the dimensions are perfectly square, e.g. 100 x 100 pixels.
Step 2. Press Choose image to UPLOAD above and browse to the file's location on your computer.
Step 3. Press the Create Favicon button.
Step 4. Download your favicon.ico file and upload it to your root directory.
Step 5. Copy the code <link rel="icon" href="/favicon.ico">
to the <head>
section of your web pages.
The code above will work for all modern browsers, including Google Chrome, Microsoft Edge, and Safari.
If you want a retina favicon that will work with Apple touch devices, there is just a little additional work to be done. Similarly, for Windows 10 or Windows 11 "metro UI" tiles, you will need to conform to certain resolutions and add a background color for the Windows tile. Head over to the Favicon FAQ to learn how to get Windows and Apple favicons to show correctly, and how to make favicons for iPhone, iPad, Android, and Windows devices.
That's all there is to it, enjoy your favicon!